<template>
  <div class="right-content">
    <div class="focus-list">
      <div class="myfocus-list">
        <ul class="sui-nav nav-tabs nav-large">
          <li class="active"><a href="#one" data-toggle="tab">关注的问题</a></li>
          <li><a href="#two" data-toggle="tab">关注的标签</a></li>
        </ul>
        <div class="tab-content tab-wraped">
          <div id="one" class="tab-pane active">
            <ul class="focuspro-list">
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">css中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
            </ul>
          </div>
          <div id="two" class="tab-pane">
            <ul class="focuspro-list">
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
              <li class="pro-item">
                <div class="fl intro">
                  <p class="title">html中设置元素为float，不是不影响其他元素的排版吗，如下图为什么影响了？</p>
                  <ul class="sui-tag">
                    <li>css</li>
                    <li>html</li>
                    <li>javascript</li>
                  </ul>
                </div>
                <div class="fr btns">
                  <span class="mum">7 关注</span>
                  <button class="sui-btn btn-danger btn-cancel btn-bordered">取消关注</button>
                </div>
                <div class="clearfix"></div> </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import '~/assets/css/page-sj-person-myfocus.css'
  export default {

  }
</script>
